﻿/*  全局
-----------------------------------------------------------*/
html { height: 100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, blockquote, p { padding: 0; margin: 0;
    /*list-style-type: none; */
    vertical-align: middle; }
body { width: 100%; height: 100%; margin: 0; font-family: 微软雅黑,Tahoma, Verdana,Helvetica,Arial,sans-serif,宋体; font-size: 12px; color: #444; background: #FFF; }
i { font-style: normal; }
a { color: #1FBBA6; text-decoration: none; }
a:hover { color: #1FBBA6; text-decoration:underline; }
body { overflow-x: hidden; overflow-y: hidden; }

.extra { display: none; }
.clear { clear: both; height: 0; line-height: 0; }

.optionLabel { height: 24px; line-height: 24px; padding: 0 5px; cursor: default; }
.optionLabel:hover { color: #FFF; background: #0B9C9C; }
.editor textarea { width: 100%; height: 400px; }
.dropList .k-item { padding: 0; }
.dropList .k-item input { margin-top: 3px; }
.popup .k-popup { height: 200px; overflow: auto; }

.k-picker-wrap:hover { border-color: #0B9C9C; }

.btnNormal { line-height: 1.66em; padding: 2px 7px; font-size: 12px; cursor: pointer; color: #444; border: solid 1px #e8e8e8; background: #f1f1f1; }

.null { padding: 10px; text-align: center; }

/*  布局
-----------------------------------------------------------*/
#lay-north { height: 38px; background: #eee; }
#lay-south { width: 100%; border-width: 0; }
#lay-west { background: #eee; }
#lay-center { height: 100%; border-width: 0; }
#lay-center .k-splitbar { display: none; }
#lay-tree { height: 100%; border-width: 0; }

.header { height: 35px; line-height: 35px; color: #FFF; background: #0B9C9C; position: relative; }
.header .logo { float: left; }
.header .logo h1 { margin: 0; padding-left: 15px; font-size: 22px; font-weight: normal; font-family: "微软雅黑", "黑体"; }
.header .link { float: right; font-size: 14px; }
.header .link a { display: inline-block; color: #fff; padding: 0 10px; cursor: pointer; }
.header .link a:hover { background: #426CB8; }

.profile { display: none; line-height: 25px; padding: 10px; border: solid 1px #C5C5C5; color: #444; background: #fff; position: absolute; top: 35px; right: 0; z-index: 100; }
.profile img { float: left; width: 100px; height: 100px; margin-right: 10px; vertical-align: middle; }
.profile ul { float: left; }
.profile span { padding-right: 10px; }
.profile .buttons { margin-top: 8px; padding-top: 8px; border-top: solid 1px #C5C5C5; }

/*  页尾
-----------------------------------------------------------*/
.footer { width: 1000px; line-height: 45px; margin: auto; text-align: right; border-top: solid 1px #CCCCCC; }

/*  主要控件
-----------------------------------------------------------*/
#panelbar { border: none; }
#panelbar .k-header { padding: 2px 5px; font-weight: bold; color: #333; }
#panelbar .k-header .k-icon { margin-top: 3px; }
#panelbar .k-group .k-link { padding: 3px 25px; font-size: 12px; }
#panelbar .k-state-selected { color: #FFF; }
#panelbar .k-image { width: 16px; height: 16px; margin-top: 5px; }
#panelbar .k-panel { overflow: auto; }

#iframes { height: 100%; overflow: hidden; background: #FFF; }
#iframes iframe { width: 100%; height: 100%; }

#tabstrip { border-bottom: solid 1px #0B9C9C; height: 32px; line-height: 31px; overflow: hidden; }
#tabstrip a { display: inline-block; height: 32px; line-height: 31px; padding: 0 8px 0 20px; color: #000; border-right: solid 1px #C5C5C5; cursor: pointer; overflow: hidden; }
#tabstrip a.unclose { height: 32px; line-height: 31px; padding: 0 20px; overflow: hidden; }
#tabstrip a.selected { color: #FFF; background: #0B9C9C; border-color: #0B9C9C; }
#tabstrip a:hover { text-decoration: none; color: #FFF; background: #426CB8; border-color: #426CB8; }
#tabstrip i { display: inline-block; height: 100%; margin-left: 3px; padding: 0 6px; }

#win { display: none; overflow: hidden; }
.dialog { padding: 7px; }
.dialog .operate { text-align: right; }
.dialog .tab { border-bottom: solid 1px #0B9C9C; border-left: solid 1px #C5C5C5; }
.dialog .tab a { display: inline-block; height: 26px; line-height: 26px; padding: 0 15px; cursor: pointer; color: #000; border-top: solid 1px #C5C5C5; border-right: solid 1px #C5C5C5; }
.dialog .tab a.selected { color: #FFF; background: #0B9C9C; border-color: #0B9C9C; }
.dialog .tab a:hover { color: #FFF; background: #426CB8; border-color: #426CB8; }
.dialog .main { }

div.k-window-content { padding: 0; }

.pick { position: relative; height: 340px; overflow: hidden; }
.pick .search { position: absolute; top: 10px; width: 170px; height: 24px; line-height: 24px; border: solid 1px #C5C5C5; overflow: hidden; }
.pick .search input { width: 137px; height: 22px; line-height: 22px; padding: 0 5px; vertical-align: middle; border: solid 1px #FFF; }
.pick .search .k-i-search { padding: 0; border: none; }
.pick .northwest { position: absolute; top: 40px; width: 170px; height: 140px; border: solid 1px #C5C5C5; overflow: auto; }
.pick .southwest { position: absolute; top: 190px; width: 170px; height: 140px; border: solid 1px #C5C5C5; overflow: auto; }
.pick .northeast { position: absolute; top: 14px; left: 190px; width: 170px; height: 20px; overflow: auto; }
.pick .southeast { position: absolute; top: 40px; left: 190px; width: 170px; height: 290px; border: solid 1px #C5C5C5; overflow: auto; }
.pick .center { position: absolute; top: 40px; left: 170px; width: 60px; height: 311px; background: red; overflow: auto; }
.pick .tree { padding: 5px 0; }
.pick .list { padding: 5px; }
.pick .k-listview { border: none; }
.pick .k-listview li { padding: 4px; cursor: default; }
.pick .k-listview li:hover { color: #FFF; background: #0B9C9C; }

/*  过滤栏
-----------------------------------------------------------*/
.filterbar { padding: 10px; border-bottom: solid 1px #eee; background: #F5F5F5; }
.filterbar table { width: 100%; margin: 10px; }
.filterbar button { height: 26px; vertical-align: middle; }


/*  数据表格
-----------------------------------------------------------*/
.grid { }
.grid a { font-weight: bold; color: #444; text-decoration: none; }
.grid .k-grid { border: none; }
.grid .k-grid th { font-weight: bold; border: none; border-left: solid 1px #EEEEEE; }
.grid .k-grid td { border: none; }
.grid .k-state-selected a { color: #FFF; }
.grid .orderby { cursor: pointer; }

.list { border: none; overflow: auto; }
.list .wrap { padding: 5px; }
.list .item { float: left; padding: 5px; overflow: hidden; text-align: center; font-size: 13px; }
.list .item.k-state-selected { background: #1FBBA6; color: #fff; }


.pager { border-left: none; border-right: none; border-bottom: none; }
/*  树
-----------------------------------------------------------*/
.tree { padding: 10px; }

/*  工具栏
-----------------------------------------------------------*/
.toolbar { height: 40px; overflow: hidden; background: #FFF; }
.toolbar .wrap {  padding: 7px 10px; border-bottom: solid 1px #eee; }
.toolbar .comands { float: left; }
.toolbar .search { float: right; }

.toolbar .k-i-search { padding: 0; border: none; }
.toolbar .k-space-right { width: 200px; }
.toolbar .k-space-right:hover { background: #0B9C9C; }

.toolbar .search button { height: 26px; vertical-align: middle; }
.toolbar .search .pop { width: 260px; padding: 10px 5px; display: none; right: 7px; border: solid 1px #C5C5C5; background: #fff; position: absolute; z-index: 10; }
.toolbar .search table { margin: 0 auto 5px auto; }
.toolbar .search th { font-weight: normal; text-align: right; }
.toolbar .search td { padding: 3px 0 3px 10px; }


@media (max-width: 1500px) {
    .toolbar{min-height: 40px;height: auto !important;;}
    .toolbar .wrap {  display: flex;flex-wrap: wrap; }
    .toolbar .comands { float: none; }
    .toolbar .search { float: none; }
}


/*  菜单
-----------------------------------------------------------*/
.menu { width: 150px; position: absolute; border: none; text-align: left; }
.menu ul { width: 150px; }

/*  表单
-----------------------------------------------------------*/
.form { overflow: auto; }
.form .wrap { padding-top: 15px; }
.form legend { padding-left: 30px; font-weight: bold; }
.form fieldset { margin-bottom: 15px; padding: 15px 0; border: none; border-bottom: solid 1px #eee; }
.form table { }
.form th { padding: 3px 15px 3px 0; font-weight: normal; width: 90px; text-align: right; }
.form th b { color: red; padding-right: 5px; }
.form td { display: block; padding: 3px 0; text-align: left; position: relative; }
.form .k-textbox { width: 300px; }
.form .k-dropdown { width: 300px; }
.form .picker { width: 300px; }
.form textarea.k-textbox { width: 300px; height: 80px; }

/* 验证
-----------------------------------------------------------*/
.field-validation-error { position: absolute; height: 26px; line-height: 26px; z-index: 2; right: 0; top: 3px; color: #FFF; background: #EF6F1C; }
.field-validation-error span { display: block; padding: 0 10px; }
.input-validation-error { }

/*  详细
-----------------------------------------------------------*/
.detail { overflow: auto; }
.detail .wrap { padding-top: 10px; }
.detail th { width: 80px; padding: 6px 8px; font-weight: normal; text-align: right; }
.detail td { display: table-cell; padding: 6px 0; }
.detail legend { height: 30px; line-height: 30px; padding-left: 20px; font-weight: bold; }
.detail fieldset { margin-bottom: 10px; padding-bottom: 15px; border: none; border-bottom: solid 1px #eee; }

/*  详细[temp]
-----------------------------------------------------------*/
.tblLog { width: 850px; margin: auto; margin-bottom: 10px; border: solid 1px #ddd; border-collapse: collapse; }
.tblLog td, .tblLog th { display: table-cell; padding: 8px; position: static; text-align: center; border: solid 1px #ddd; }

.tblDetail th { width: 80px; padding: 6px 8px; font-weight: normal; text-align: right; }
.tblDetail td { display: table-cell; padding: 6px 0; }

.detailTabStrip { overflow: auto; }
.detailTabStrip .wrap { padding-top: 10px; }
.detailTabStrip legend { height: 30px; line-height: 30px; padding-left: 30px; font-weight: bold; }
.detailTabStrip fieldset { margin-bottom: 10px; padding-bottom: 15px; border: none; border-bottom: solid 1px #eee; }

.tblGrid { margin: auto; width: 85%; }
.tblGrid table { width:100%; border: solid 1px #ddd;  border-collapse: collapse; }
.tblGrid th { padding:8px;text-align:left; font-weight: bold; border: none;border-bottom: solid 1px #ddd;  border-left: solid 1px #EEEEEE; }
.tblGrid td { padding:8px; }
.tblGrid .odd td {  background:#F5F5F5; }
.tblGrid .pg{ border-top:none; }

.tabStrip { line-height: 37px; font-size: 12px; border-bottom: solid 1px #eee; }
.tabStrip span { display: inline-block; line-height: 37px; padding: 0 30px; margin-bottom: -1px; cursor: pointer; }
.tabStrip .selected { font-weight: bold; border-bottom: solid 1px #1FBBA6; color: #000; }

/* 图标
----------------------------------*/
.k-button .i, .k-link .i, .k-input .i { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-image: url(Image/Icons.png); }
.k-button:hover .i, .k-link:hover .i { background-image: url(Image/IconsHover.png); }
.k-input .i { cursor: pointer; }

.i-default { background-position: center 0; }
.i-create { background-position: center -16px; }
.i-remove { background-position: center -32px; }
.i-removee { background-position: center -32px; }
.i-modify { background-position: center -48px; }
.i-copy { background-position: center -64px; }
.i-move { background-position: center -80px; }
.i-enable, .i-pass { background-position: center -96px; }
.i-disable, .i-unPass { background-position: center -112px; }
.i-lock { background-position: center -128px; }
.i-unlock { background-position: center -144px; }
.i-save { background-position: center -160px; }
.i-back { background-position: center -176px; }
.i-folder { background-position: center -192px; }
.i-search { background-position: center -208px; }
.i-clear { background-position: center -224px; }
.i-down { background-position: center -240px; }
.i-up { background-position: center -256px; }
.i-left { background-position: center -272px; }
.i-right { background-position: center -288px; }
.i-list { background-position: center -304px; }
.i-password, i-resetPassword { background-position: center -320px; }
.i-user { background-position: center -336px; }
.i-role { background-position: center -352px; }
.i-power { background-position: center -368px; }
.i-trash { background-position: center -384px; }
.i-upload { background-position: center -400px; }
.i-download { background-position: center -416px; }
.i-reload { background-position: center -432px; }

.icon { width: 16px; height: 16px; display: inline-block; vertical-align: middle; background-image: url(Image/IconsTodo.png); }
.i-unread { background-position: 0 0; }
.i-readed { background-position: 0 -16px; }
.i-todo { background-position: 16px 0; }
.i-done { background-position: 16px -16px; }
.k-pager-wrap > .k-link,.k-pager-numbers .k-state-selected{border-radius:0;}


#iframe .loading-iframe{position:absolute;top:50%;left:50%;z-index:999999;background:url(Image/loading-iframe.gif) left center no-repeat;height:20px;width:100px;line-height:20px;text-indent:22px;margin:-10px auto auto 100px ;}



.answer-item{padding:10px 0;}
.answer-item i{display:inline-block;padding:0 10px 0 30px;height:20px; line-height:20px;vertical-align:middle;}
.answer-item.is-right i{background:url(Image/checked.png) left center no-repeat;}
.answer-item img{vertical-align:middle;}
.answer-item p{display:inline-block;}
.qestion-memo-wrap{padding:10px 20px 20px 20px;}
.qestion-memo-wrap table{background:#f5f5f5;width:100%;padding:10px 0;}
.qesiton-wrap{padding:10px 15px;border-top:1px solid #ddd;}
.qesiton-wrap>p{display:inline;}
.answer-ancy-wrap {
    padding:10px 15px;border-top:1px solid #ddd;
}
.form .question-editor-wrap  td{display:table-cell;}

.is-latex{margin:2px 4px;max-height:35px}

.k-button,.k-grid-header-wrap{border-color:#eee;}
